<template>
  <view class="forms-item-wrapper">
    <uni-forms-item name="username"  labelPosition="left"  v-bind="$attrs" class="label-box">
      <template v-for="(value, name) in $slots" #[name]>
        <slot :name="name" />
      </template>
    </uni-forms-item>
  </view>
</template>

<script setup>
  import UniFormsItem from '@/uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue';

  inheritAttrs: false;
</script>


<style scoped lang="scss">
  .forms-item-wrapper {
    background-color: #1e1e1e;
    padding: 0rpx 30rpx;
    border-radius: 20rpx;
    overflow: hidden;
    margin-bottom: 22px;
    padding-bottom: 20rpx;
    //.label-box{
    //  padding-bottom: 20rpx;
    //}

    :deep() {
      .uni-forms-item__box{
        padding-top: 20rpx;
        padding-bottom: 20rpx;

      }
      .uni-forms-item__inner {
        padding-bottom: 0;
      }

      .label-text {
        color: $white;
      }

      .easyinput__content {
        background-color: #1e1e1e!important;
        &.is-disabled {
          border-color: red;
          background-color: #f7f6f6;
          color: #aaa!important;
        }
      }
    }
  }
</style>
